<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
<head>
    <title>凉拌扩展包设置</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
        p.hint {
            color: gray;
            font-size: small;
        }
        td.key {
            text-align: right
        }
    </style>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="gdata.js"></script>
</head>
<body>
<fieldset name="unit_tests">
    <h2>单元测试</h2>
    <hr/>
    <input id="auto_unit_tests" type="checkbox">
    <label for="auto_unit_tests">启用插件后自动在后台执行单元测试</label><br/>
    <input id="run_unit_tests" type="button" value="执行测试" onclick="run_unit_tests()">
    <p class="hint">启用插件后自动在后台执行单元测试，确保插件功能和配置正确</p>
</fieldset>
<br/>
<fieldset name="auto_paginator">
    <h2>自动翻页</h2>
    <hr/>
    <input id="douban_auto_paginator" type="checkbox">
    <label for="douban_auto_paginator">滚动到页面下方时自动显示下页内容</label><br/>
    <p class="hint">在豆瓣读书、电影等页面中，滚动到页面下方时自动显示下页内容</p>
    <input id="douban_auto_scroll" type="checkbox">
    <label for="douban_auto_scroll">自动滚动页面到最佳可视位置</label><br/>
    <p class="hint">在豆瓣相册等页面中，自动滚动到最佳可视位置</p>
</fieldset>
<br/>
<fieldset name="book_borrow">
    <h2>图书借阅</h2>
    <hr/>
    <input id="qingfanqie_button" type="checkbox">
    <label for="qingfanqie_button">启用从<a href="http://www.qingfanqie.com/">青番茄</a>借阅图书功能</label><br/>
    <input id="nationallib_button" type="checkbox">
    <label for="nationallib_button">启用从<a href="http://www.nlc.gov.cn/">国家图书馆</a>借阅图书功能</label>
    <p class="hint">在豆瓣读书页面的<b>推荐</b>按钮右侧，根据图书馆是否有存书显示<b>借阅</b>或<b>预借</b>功能按钮，点击后打开相应页面。</p>
</fieldset>
<br/>
<fieldset>
    <h2>电影评价</h2>
    <hr/>
    <input id="imdb_rating" type="checkbox">
    <label for="imdb_rating">自动查询并显示IMDB评分</label>
</fieldset>
<br/>
<fieldset>
    <h2>相册预览</h2>
    <hr/>
    <input id="douban_album_previews" type="checkbox">
    <label for="douban_album_previews">打开相册时预览所有图片</label>
</fieldset>
<br/>
<fieldset>
    <h2 name="doulist_import">豆列导入</h2>
    <hr/>
    <input id="doulist_import" type="checkbox">
    <label for="doulist_import">启用豆列导入功能 (需要获得<a href="#douban_oauth">豆瓣授权</a>)</label>
    <p class="hint">在豆列页面的<b>推荐</b>按钮右侧，显示<b>导入</b>功能按钮，点击后在后台导入所有豆列项目到我的豆瓣。</p>
</fieldset>
<br/>
<fieldset>
    <h2 name="douban_event">豆瓣活动</h2>
    <hr/>
    <input id="douban_event_map" type="checkbox">
    <label for="douban_event_map">启用豆瓣活动地图功能</label>
    <input id="show_douban_event_map" type="button" value="打开地图" onclick="show_douban_event_map()">
    <p class="hint">在豆瓣活动列表页面的右侧，显示查看活动地图按钮，点击打开包含所有活动的地图</p><br/>
    <input id="google_calendar_button" type="checkbox">
    <label for="google_calendar_button">启用豆瓣活动日历发布功能</label>
    <p class="hint">在豆瓣活动页面的<b>推荐</b>按钮右侧，显示<b>Google 日历</b>功能按钮，点击后在将当前豆瓣活动加入到我的Google日历日程。</p>

    <!--input id="douban_event_sync" type="checkbox">
    <label for="douban_event_sync">同步豆瓣活动到
        <a href="http://www.google.com/calendar">Google日历</a>
        (需要获得<a href="#douban_oauth">豆瓣</a>和<a href="#google_login">Google日历</a>授权)</a></label>
    <span id="douban_event_calendar" style="display: none">
        <table>
            <tr>
                <td width='40px'></td>
                <td class='key'><label for="douban_event_calendar_name">Google 日历名称:</label></td>
                <td class='value'><input id="douban_event_calendar_name" type="text" size="16"></td>
            </tr>
            <tr>
                <td></td>
                <td class='key'>最后同步时间:</td>
                <td class='value'>
                    <span id="douban_event_last_sync_time"></span>
                    <img id="syncing" src="loading.gif" style="display: none; width: 24px; height: 24px">
                </td>
            </tr>
            <tr>
                <td></td>
                <td colspan="2" class='key'>
                    <input id="douban_event_sync_all" type="button" value="同步近期活动" onclick="douban_event_sync_all()"><br/>

                </td>
            </tr>
        </table>
    </span>
    <p class="hint">在参加豆瓣活动时，将活动相关信息同步到Google日历。</p-->

</fieldset>
<br/>
<fieldset>
    <h2 name="douban_mobile">手机豆瓣</h2>
    <hr/>
    <input id="qrcode_chart" type="checkbox">
    <label for="qrcode_chart">显示手机豆瓣页面链接的<a href="http://zh.wikipedia.org/wiki/QR%E7%A2%BC">QRCODE</a></label>
    <p class="hint">在页面右下角，显示对应手机豆瓣页面链接的QRCODE</p>
</fieldset>
<br/>
<fieldset>
    <h2 name="douban_oauth">豆瓣授权</h2>
    <hr/>
    <label for="douban_access_token">访问或修改豆瓣上受保护资源的令牌</label>
    <input id="douban_access_token" type="text" size="32">
    <input id="douban_oauth_button" type="button" value="获取授权" onclick="douban_oauth()">
    <p class="hint">在使用导入豆列等功能之前，需要先获得访问豆瓣资源的授权。</p>
</fieldset>
<!--br/>
<fieldset>
    <h2 name="google_login">Google 授权</h2>
    <hr/>
    <label for="google_login_token">访问或修改Google上受保护资源的令牌</label>
    <input id="google_login_token" type="text" size="32">
    <input id="google_login_button" type="button" value="登录">
    <p class="hint">在使用同步豆瓣等功能之前，需要先获得Google日历的访问授权。</p>
</fieldset-->

<script type="text/javascript" src="/assets/lib/jquery/jquery.js"></script>
<script type="text/javascript" src="/assets/js/utils.js"></script>
<script type="text/javascript" src="/assets/js/options.js"></script>
<script type="text/javascript" src="/assets/lib/xmldom.js"></script>
<script type="text/javascript" src="/assets/lib/oauth/sha1.js"></script>
<script type="text/javascript" src="/assets/lib/oauth/oauth.js"></script>
<script type="text/javascript" src="/assets/lib/douban/douban.js"></script>
<script type="text/javascript" src="/assets/lib/douban/api.js"></script>
<script type="text/javascript" src="/assets/lib/douban/api-parser.js"></script>
<script type="text/javascript" src="options.js"></script>
</body>
</html>